* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.cart {
  .cart-list {
    height: calc(100vh-60px);
    overflow-y: scroll;
    .cart-list-item {
      display: flex;
      height: 110px;
      align-items: center;
      border-bottom: 1px solid #ddd;
      .list-item-left {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        color: red;
        .iconfont {
          font-size: 20px;
        }
      }

      .list-item-mid {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 2;
        img {
          width: 86px;
          height: 86px;
        }
      }

      .list-item-right {
        display: flex;
        height: 90px;
        flex-direction: column;
        flex: 4;
        padding: 12px 15px 0 0;
        justify-content: space-between;
        .item-right-top {
        }

        .item-right-bottom {
          display: flex;
          justify-content: space-between;
          align-items: center;
          .right-bottom-l {
            span.price {
              font-size: 20px;
            }

            span.origin-price {
              text-decoration: line-through;
              color: #ccc;
            }
          }

          .right-bottom-r {
            span.sub {
              font-size: 20px;
              height: 30px;
              line-height: 30px;
              text-align: center;
              width: 30px;
              display: inline-block;
              border: 1px solid #ddd;
            }

            span.num {
              font-size: 20px;
              height: 30px;
              line-height: 30px;
              text-align: center;
              width: 30px;
              display: inline-block;
              border-bottom: 1px solid #ddd;
              border-top: 1px solid #ddd;
            }

            span.add {
              font-size: 20px;
              height: 30px;
              line-height: 30px;
              text-align: center;
              width: 30px;
              display: inline-block;
              border: 1px solid #ddd;
            }
          }
        }
      }
    }
  }

  .cart-func {
    position: fixed;
    left: 0;
    bottom: 0;
    border-top: 1px solid #ddd;
    height: 60px;
    display: flex;
    width: 100vw;
    justify-content: space-between;
    align-items: center;
    .cart-func-left {
      margin-left: 20px;
      .iconfont {
        color: red;
        font-size: 20px;
      }
      .check_title {
      }
    }

    .cart-func-right {
      display: flex;
      align-items: center;
      .func-right-l {
        margin-right: 10px;
        .right-l-top {
          color: red;
        }

        .right-l-bottom {
          font-size: 14px;
          color: #ddd;
        }
      }

      .func-right-r {
        height: 60px;
        width: 110px;
        background-color: #dd1a21;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        .order_title{

        }
      }
      .func-right-disable{
        height: 60px;
        width: 110px;
        background-color: #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
      }
    }
  }
}
